{% load static %}

<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:o="urn:schemas-microsoft-com:office:office">
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1">
		<meta name="x-apple-disable-message-reformatting">  
		<style>table, td, div, h1, p {font-family: Arial, sans-serif;}</style>
	</head>

	<body style="margin:0;padding:0;">
		<table role="presentation" style="width:100%;border-collapse:collapse;border:0;border-spacing:0;background:#fff;">
			<tr>
				<td align="center" style="padding:0;">
					<table role="presentation" style="width:602px;border-collapse:collapse;border:1px solid #cccccc;border-spacing:0;text-align:left;">
						<tr>
							<td align="center" style="padding:40px 0 30px 0;background:#0e162b;">
								<img src="{{request.scheme}}://{{request.META.HTTP_HOST}}{% static "img/automoss.png" %}" alt="" width="300" style="height:auto;display:block;" />
							</td>
						</tr>
						<tr>
							<td style="padding:36px 30px 42px 30px;">
								<table role="presentation" style="width:100%;border-collapse:collapse;border:0;border-spacing:0;">
									<tr>
										<td style="padding:0 0 36px 0;color:#0e162b;">
											<h2 style="font-size:24px;margin:0 0 20px 0;font-family:Arial,sans-serif;">
											{% block "title" %}
											{% endblock %}
											</h2>
											<p style="margin:0 0 12px 0;font-size:16px;line-height:24px;font-family:Arial,sans-serif;">
											{% block "content" %}
											{% endblock %}
											</p>
										</td>
									</tr>
									<tr>
										<td style="padding:0;">

										</td>
									</tr>
								</table>
							</td>
						</tr>
						<tr>
							<td style="padding:30px;background:#0e162b;">
								<table role="presentation" style="width:100%;border-collapse:collapse;border:0;border-spacing:0;font-size:9px;font-family:Arial,sans-serif;">
									<tr>
										<td style="padding:0;width:50%;" align="left">
											<p style="margin:0;font-size:14px;line-height:16px;font-family:Arial,sans-serif;color:#ffffff;">
												&copy; AutoMOSS 2021<br/>
											</p>
										</td>
										<td style="padding:0;width:50%;" align="right">
											<table role="presentation" style="border-collapse:collapse;border:0;border-spacing:0;">
											</table>
										</td>
									</tr>
								</table>
							</td>
						</tr>
					</table>
				</td>
			</tr>
		</table>
	</body>
</html>